<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>m.ico">
    <title>美智医疗数据分析系统</title>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but dup doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
   
    <!-- built files will be auto injected -->
  </body>
  <style>
    #fullscreen{
    width: 60px;
    height: 37px;
    background: transparent;
    position: absolute;
    left: 150px;
    top: 0;

    }
    ._fullscreen #_iframe{
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        /* z-index: 100000; */
      }
    .z_index_1{
        z-index: -1 !important;
    }
    ._fullscreen #fullscreen{
      width: 50px;
      height: 37px;
      background: transparent;
      position: fixed;
      left: 150px;
      top: 0px;
    }
    
  
  </style>
  <script>

    window.onload = function(){
      var b = false;
        document.getElementById('fullscreen').onclick = function(){
          // b = !b;
          // if(b){
          //   document.getElementsByTagName('body')[0].classList.add('_fullscreen');
          //   document.getElementsByClassName('sidebar-container')[0].classList.add('z_index_1');
          // }else{
          //   document.getElementsByTagName('body')[0].classList.remove('_fullscreen');
          //   document.getElementsByClassName('sidebar-container')[0].classList.remove('z_index_1');
          // }

          launchFullScreen(document.getElementById("_iframe"));
          // 找到支持的方法, 使用需要全屏的 element 调用
          function launchFullScreen(element) {
            if(element.requestFullscreen) {
              element.requestFullscreen();
            } else if(element.mozRequestFullScreen) {
              element.mozRequestFullScreen();
            } else if(element.webkitRequestFullscreen) {
              element.webkitRequestFullscreen();
            } else if(element.msRequestFullscreen) {
              element.msRequestFullscreen();
            }
          }
        };
    }
</script>
</html>
